<style>
    .toast_mask{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        background-color: rgba(0,0,0,.4);
        display: none;
    }
    .toast_content{
        position: fixed;
        z-index: 1002;
        top:50%;
        left:50%;
        margin-left: -130px;
        margin-top: -27px;
        width: 240px;
        line-height: 24px;
        border-radius: 5px;
        background: rgba(0, 0, 0, .7);
        padding: 10px 15px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        word-break: break-all;
        display: none;
    }
    .toast_content_msg{
        position: fixed;
        z-index: 1002;
        top:30%;
        left:50%;
        margin-top: -27px;
        width: 300px;
        margin-left:-150px;
        line-height: 24px;
        border-radius: 5px;
        background: rgba(0, 0, 0, .7);
        padding: 10px 15px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        word-break: break-all;
        display: none;
    }
    .toast_content_msg h5{
        font-size:1.6rem;
    }
    .toast_content_msg p{
        text-align:left;
        font-size:1.2rem;
    }
</style>
<template>
    <div id="i_toast_mask" v-on:click="hideMsg" class="toast_mask"></div>
    <div id="i_toast_content" class="toast_content"></div>
    <div id="i_toast_content_msg" class="toast_content_msg"></div>
</template>
<script>
    module.exports = {
        data: function() {
            return {

            }
        },
        methods: {
            hideMsg: function(){
                VIE.hideToastKeep();
            },
        },
        ready: function() {

        }
    };

</script>